<template>
  <div class="cont-video-ya">
    <div class="center">
      <div class="dia" v-for="(item, index) in props.vids || []" :key="index">
        <onem :vid="item"></onem>
      </div>
    </div>

    <div class="stop" @click="emit('close')">
      <img class="stopimg" src="/images/new/stop.png" />
      <div class="text">结束轮巡</div>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  vids: Array,
});
const emit = defineEmits(["close"]);
const state = reactive({
  show: true,
});

onMounted(() => {});
</script>

<style lang="scss" scoped>
.cont-video-ya {
  width: 100%;
  height: 340px;
  display: flex;
  .center{
    margin: 0 auto;
    display: flex;
  }
  .dia {
    width: 600px;
    height: 340px;
    margin-right: 40px;
    padding: 15px;
    background: url("/images/new/videobg.png");
    background-size: 100% 100%;
  }
}
.stop {
  width: 117px;
  height: 117px;
  position: fixed;
  top: 130px;
  right: 162px;
  z-index: 9999;
  cursor: pointer;
  img {
    width: 117px;
    height: 117px;
  }
  .text {
    text-align: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
  }
}
</style>